<script lang="ts" setup>
  import { useRouter } from 'vue-router';
  const router = useRouter();
  function goHome() {
    router.push('/');
  }
</script>
<template>
  <div class="flex items-center justify-center page-container">
    <n-result status="404" title="抱歉，你访问的页面不存在" description="生活总归带点荒谬">
      <template #footer>
        <n-button type="info" @click="goHome">回到首页</n-button>
      </template>
    </n-result>
  </div>
</template>

<style lang="less" scoped>
  .page-container {
    width: 100%;
    height: 100%;
    border-radius: 4px;
  }
</style>
